<!DOCTYPE html> 
<html>
        <head>
                <title>宅好思快餐</title>
                <meta charset="utf-8">
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
                <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
                <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
        </head>
        <body>
            <div data-role="page">
                <div data-role="header" data-theme="b">
                        <h1>宅好思快餐<h1>
                </div>
                <div data-role="content" data-theme="b">
                    <ul data-role="listview" data-inset="true" data-filter="true">
                        <li><a href="#zhaopai">招牌系列</a></li>
                        <li><a href="#nongqing">浓情系列</a></li>
                        <li><a href="#binfen">缤纷系列</a></li>
                        <li><a href="#jiankang">健康系列</a></li>
                        <li><a href="#kaiwei">开胃系列</a></li>
                        <li><a href="#shihui">实惠系列</a></li>
                        <li><a href="#zirun">滋润系列</a></li>
                        <li><a href="#jingjitaocan">经济套餐系列</a></li>
                    </ul>
                </div>
                <div data-role="footer" data-theme="b">
                    <div data-role="navbar">
                        <ul>
                            <li>
                                <a href="index.html" class="ui-btn-active">菜单</a>
                            </li>
                            <li>
                                <a href="food.html">食材</a>
                            </li>
                            <li>
                                <a href="notice.html">通知</a>
                            </li>
                            <li>
                                <a href="about.html">关于</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
 
            <div data-role="page" id="zhaopai">
                <div data-role="header" data-theme="b">
                    <h1>招牌系列</h1>
                </div>
                <div data-role="content" data-theme="b" data-filter="true">
                    <div data-role="collapsible-set">
                        <div data-role="collapsible" >
                            <h1>
                                <span>一哥猪扒饭</span>
                                <span style="font-color:red;">￥16.00</span>
                            </h1>
                            <div class="app_row">
                                <p>猪扒，胡萝卜，马铃薯，青豆，玉米，蘑菇，菠萝，番茄，蛋炒饭</p>
                                <p>￥16.00</p>
                            </div>
                        </div>
                        <div data-role="collapsible" >
                            <h1>杂菇鸡扒饭</h1>
                            <div class="app_row">
                                <p>鸡扒，金针菇，鸡尾菇，蛋炒饭</p>
                                <p>￥16.00</p>
                            </div>
                        </div>
                        <div data-role="collapsible" >
                            <h1>鲍汁鸡扒饭</h1>
                            <div class="app_row">
                                <p>鸡扒，滑蛋（两个鸡蛋），鲍汁</p>
                                <p>￥15.00</p>
                            </div>
                        </div>
                        <div data-role="collapsible" >
                            <h1>烟肉猪扒饭</h1>
                            <div class="app_row">
                                <p>猪扒，烟肉，红腰豆，青椒，洋葱，蛋炒饭</p>
                                <p>￥15.00</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-role="footer" data-theme="b">
                    <p>订餐电话：2286697</p>
                </div>
            </div>
 
            <div data-role="page" id="nongqing">
                <div data-role="header" data-theme="b">
                    <h1>浓情系列</h1>
                </div>
                <div data-role="collapsible-set" data-theme="b">
                    <div data-role="collapsible" >
                        <h1>test</h1>
                        <div class="app_row">
                            <h2>hello</h2>
                        </div>
                    </div>
                </div>
                <div data-role="footer" data-theme="b">
                    <p>订餐电话：2286697</p>
                </div>
            </div>
        </body>
</html> 